<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>人口信息</title>
    <!--加载渲染，提供参数-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/person-info.css"/>
    <link rel="stylesheet" href="css/pop-window-top.css"/>
    <link href="https://cdn.bootcss.com/bootstrap-select/1.12.4/css/bootstrap-select.min.css" rel="stylesheet">
</head>
<body>
<div id="home">
    <div class="container-fluid">


        <!--主体内容部分-->
        <div class="row body">

            <!--主体第一层部分-->
            <div class="row body-top">
                <div class="dl-horizontal">
                    <!--主体第一层部分的左边部分-->
                    <div id="body-top-left" class="col-md-4 col-sm-4 body-top-left"></div>
                    <!--主体第一层部分的中间部分-->
                    <div class="col-md-4 col-sm-4 body-top-middle">
                       <div id="map" class="map"></div>
                        <div class="row body-middle-down"><span>总人口数：388768</span></div>
                    </div>
                    <!--主体第一层部分的右边部分-->
                    <div id="body-top-right" class="col-md-4 col-sm-4 body-top-right">

                    </div>
                </div>
            </div>

            <!--主体第二层部分-->
            <div class="row body-down">

                <div class="row body-down-head">

                    <table class="table">
                        <tr >
                            <th>古宋镇</th>
                            <th>樊王山镇</th>
                            <th>太平镇</th>
                            <th>大坝苗族乡</th>
                            <th>仙峰苗族乡</th>
                            <th>大河苗族乡</th>
                            <th>莲花镇</th>
                            <th>麒麟苗族乡</th>
                            <th>共乐镇</th>
                            <th>五星镇</th>
                            <th>石海镇</th>
                            <th>九丝城镇</th>
                            <th>周家镇</th>
                            <th>玉屏镇</th>
                            <th>韵秀苗族乡</th>

                        </tr>
                    </table>
                </div>
                <div class="row body-down-search">
                    <div class="row body-down-search-contain">
                        <!--下拉菜单部分-->
                        <div class="col-md-6 col-sm-6 dropdown">
                            <div class="input-group form-group">
                                <select class="selectpicker">
                                    <option>马兰湾</option>
                                    <option>北京</option>
                                    <option>马兰湾</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 search">
                            <span class="col-md-4 col-sm-4">家庭成员查询：</span>
                            <div class="col-md-8 col-sm-8 search-input">
                                <input type="text" placeholder="请输入姓名或身份证号" class="form-control"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row body-down-data">
                    <div class="body-down-data-table">
                        <table class="table list">
                            <tr >
                                <th>姓名</th>
                                <th>身份证号</th>
                                <th>年龄</th>
                                <th>性别</th>
                                <th>民族</th>
                                <th>乡镇</th>
                                <th>行政村</th>
                                <th>与户主关系</th>
                                <th>家庭人均年收入</th>
                                <th>是否有医疗</th>
                                <th>家庭情况</th>

                            </tr>
                            <tr>
                                <td>李腾华</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>

                            <tr>
                                <td>李腾华</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>
                            <tr>
                                <td>李腾</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>
                            <tr>
                                <td>李华</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>
                            <tr>
                                <td>李华</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>
                            <tr>
                                <td>李华</td>
                                <td>5125341952xxxx0213</td>
                                <td>65</td>
                                <td>男</td>
                                <td>汉族</td>
                                <td>古宋镇</td>
                                <td>马栏弯社区</td>
                                <td>户主</td>
                                <td>15800</td>
                                <td>有</td>
                                <td>好</td>
                                <td class="detail"><span><a href="javascript:void(0);"rel="external nofollow" onmousedown="pop_window('家&nbsp;庭&nbsp;人&nbsp;口&nbsp;详&nbsp;细&nbsp;信&nbsp;息');">查看详情</a></span></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <!--footer显示部分-->
            <div class="row footer">
                宜&nbsp;宾&nbsp;市&nbsp;拓&nbsp;慧&nbsp;信&nbsp;息&nbsp;科&nbsp;技&nbsp;有&nbsp;限&nbsp;公&nbsp;司&nbsp;提&nbsp;供&nbsp;技&nbsp;术&nbsp;支&nbsp;持
            </div>
            <!--footer显示部分-->
        </div>
        <!--主体内容部分-->

        <!--浮动窗口-->
        <div class="float-window"></div>
        <!--浮动窗口-->

    </div>
</div>
<script src="js/jquery.min.js" rel="script"></script>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<script src="js/echarts.js" type="text/javascript"></script>
<script src="js/layer/layer.js"></script>
<script src="js/pop-window.js"></script>
<script src="js/person-info.js" type="text/javascript"></script>
<script src="js/map.js"></script>
<script src="js/bounce-table.js"></script>
<script>
    var data = [
        [7.0, 9.04,'樊王山镇','党员人数：520'],
        [5.5, 11.0,'玉屏乡','党员人数：240'],
        [8.5, 11.5,'五星乡','党员人数：200'],
        [9.0, 10.0,'共乐镇','党员人数：205'],
        [12.8, 11.50,'莲花镇','党员人数：210'],
        [12.8, 9.96,'太平镇','党员人数：320'],
        [12.0, 7.5,'古宋镇','党员人数：209'],
        [2.0, 6.50,'周家镇','党员人数：205'],
        [6.0, 5.68,'仙峰苗族乡','党员人数：250'],
        [10.0, 5.68,'麒麟苗族乡','党员人数：260'],
        [14, 3.68,'大河苗族乡','党员人数：207'],
        [8.00, 3.68,'石海镇','党员人数：420'],
        [1.5, 4.50,'毓秀苗族乡','党员人数：320'],
        [5.0, 2.68,'九丝城镇','党员人数：212'],
        [8.0, 1.68,'大坝苗族乡','党员人数：325'],

    ];
    map(data);
</script>
</body>
</html>